import React from "react";
import Shade from "./Shade";

function Header() {
    return (
        <div>
            <div style={{ display: 'flex',flexDirection:"row" }}>
                <div style={{ width: "200px", marginRight: "110px" }}>
                    <img src="https://lib.eqh5.com/eqx.layout/images/new_logo.svg" alt="" />
                </div>
                <div id="blue2" style={{ width: "2000px",gap: "20px",display:"flex" }}>
                    <li style={{ fontWeight: 600,position:"relative" }}>
                        免费模板</li><img src="/src/img/hot1.jpg" alt="" style={{width:"18px",height:"10px",position:"absolute",top:"12px",left:"340px"}}/>
                    <li style={{position:"relative"}}>开通会员
                        <img src="/src/img/hot.jpg" alt="" style={{width:"38px",height:"14px",position:"absolute",top:"10px",left:"32px"}}/>
                    </li>
                    <li>产品服务</li>
                    <li>解决方案</li>
                    <li>内容中台</li>
                    <li>资源与合作</li>
                </div>
                <div style={{marginRight:"22px"}}>
                    <Shade></Shade>
                </div>
            </div>
        </div>
    )
}

export default Header;